iT邦幫忙

2023 iThome 鐵人賽

DAY 7
0

終上篇概述了 WebRTC 及他的架構,接下來我們針對架構中 WebRTC API 做一些介紹,也可以了解我們可以透過這些 API 做到什麼事

重要API

WebRTC API 能夠分為這三類:

  • MediaStreams

    當我們想透過麥克風、視訊鏡頭傳輸媒體時,就需要用到 Network Stream 的API,他處理了媒體資料:音訊和視訊的流串,每個 MediaStream 可以包含多個 MediaStreamTrack,這些軌道可以分別控制音訊和視訊流,而在會議中啟用/禁用麥克風、鏡頭就是需要這個 API 的幫忙。

    • MediaStream : 媒體資料流
    • MediaStreamTrack : 媒體源
  • RTCPeerConnection

    在 WebRTC 進行連線時,RTCPeerConnection 是非常重要的概念,就像撥打電話需要知道對方的號碼和網絡提供者一樣,而在 WebRTC 的情境下,他就是負責建立瀏覽器與瀏覽器連接之間的工具。

    • SDP 協定發送多媒體參數包含住址、多媒體類型、傳輸協議
    • RTCIceCandidate (ICE協議的候選人) WebRTC 透過 ICE 協議
    • RTCIceServer (ICE Server) STUN、TURN
  • RTCDataChannel

    可以使用 DataChannel 在兩個瀏覽器之間建立雙向的資料通道,傳送文字、檔案,或是是遊戲數據,使用 RTCDataChannel 傳送數據同樣不需要伺服器只需要點對點的連接。

這篇的內容不多就不重點整理了,接下來會開始介紹這些 API 是什麼該如何使用

參考資料

Media Capture and Streams API (Media Stream) - Web APIs | MDN (mozilla.org)
RTCPeerConnection - Web APIs | MDN (mozilla.org)
RTCDataChannel - Web APIs | MDN (mozilla.org)


上一篇
[Day6] 介紹 WebRTC
下一篇
[Day8] MediaStreams - getUserMedia 獲取使用者的視訊與音訊
系列文
前端工程師30天 WebRTC + Firebase 視訊通話原理到實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言